<ion-view hide-tabs="true" hide-nav-bar="true" view-title="约课详情" ng-controller="leagueCourseDetailCtrl" ng-cloak>
  <ion-header-bar align-title="center" class="bar-default" style="background-color: #F8F8F8;">
    <div class="buttons">
      <button class="button" ng-click="backPrePage()"><span class="ion-ios-arrow-thin-left" style="font-size: 24px;"></span></button>
    </div>
    <h1 class="title">约课详情</h1>
  </ion-header-bar>
  <ion-content>
    <div class="leagueDetailsDivTops" style="background-image:url({{items.pic}})">
      <section class="leagueDetailsDivTopSections">
        <p style="font-size: 18px;">{{items.name}} </p>
        <ul>
          <div style=" width: 14px;height: 13px; display: inline-block;">
            <img ng-src="{{items.classScoreImg.one}}" width='14px' height='13px' alt="">
          </div>
          <div style="width: 14px;height: 13px; display: inline-block;">
            <img ng-src="{{items.classScoreImg.two}}" width='14px' height='13px' alt="">
          </div>
          <div style="width: 14px;height: 13px; display: inline-block;  ">
            <img ng-src="{{items.classScoreImg.three}}" width='14px' height='13px' alt="">
          </div>
          <div style="width: 14px;height: 13px; display: inline-block;">
            <img ng-src="{{items.classScoreImg.four}}" width='14px' height='13px' alt="">
          </div>
          <div style="  width: 14px;height: 13px; display: inline-block; ">
            <img ng-src="{{items.classScoreImg.five}}" width='14px' height='13px' alt="">
          </div>
        </ul>
        <p>{{items.class_date}} {{items.start}}&nbsp;{{items.end}}</p>
        <p style="font-size: 10px;">{{items.lastText}}</p>
      </section>
      <section class="leagueDetailsDivTopSectionTwos">
        <h3>{{items.about}}/{{items.classroom}}</h3>
        <span>已预约的人数</span>
      </section>

    </div>
    <div class="leagueDetailsDivtwo  clearfix" style="margin-top: 10px;background-color: #FFFFFF;border-bottom: solid 1px #e5e5e5;">
      <section style="padding-left: 10px; " class="leagueDetailsDivSection1 fl" ng-click="venueDetailsClick()">{{items.venue}} <br>
        <p style="font-size: 10px">{{items.venueAddress}}</p>
      </section>
      <section class="leagueDetailsDivSection2" ng-click="venueMapClick()"></section>
    </div>
    <div class="leagueDetailsDivThree" ng-click="coachDetailsClick()">
      <div class="leagueDetailsDivThreeDiv1" style="background-image: url({{items.coachPic}})"></div>
      <section class="leagueDetailsDivThreeDivSection">
        <span style="font-size: 10px;">{{items.coach}}</span><br>
        <p style="font-size: 10px;"><span ng-if="items.coachAge != null">{{items.coachAge}}岁</span> 从业时间 {{items.workTime}}年</p>
        <section>
          <div style=" width: 20px;height: 20px;display: inline-block;">
            <img ng-src="{{items.scoreImg.one}}" width="20px" height="20px" alt="">
          </div>
          <div style=" width: 20px;height: 20px; display: inline-block;">
            <img ng-src="{{items.scoreImg.two}}" width="20px" height="20px" alt="">
          </div>
          <div style="width: 20px;height: 20px;display: inline-block;">
            <img ng-src="{{items.scoreImg.three}}" width="20px" height="20px" alt="">
          </div>
          <div style=" width: 20px;height: 20px; display: inline-block;">
            <img ng-src="{{items.scoreImg.four}}" width="20px" height="20px" alt="">
          </div>
          <div style="width: 20px;height: 20px; display: inline-block;">
            <img ng-src="{{items.scoreImg.five}}" width="20px" height="20px" alt="">
          </div>
          <strong style="font-size: 20px;">{{items.score}}</strong>分
        </section>
      </section>
    </div>
    <div class="leagueDetailsDivFour"></div>
    <div class="leagueDetailsDivFive">
      <h4 style="text-align: center;">{{items.name}}</h4>
      <p style="text-indent: 30px;">{{items.desc}}</p>
      <p style="text-indent: 30px;">出汗可以带走体表的毒素，净化神经系统。传统的哈他瑜伽和阿斯汤嘎瑜伽以体位姿势使练习者出大量的汗，从而达到排出体内垃圾的目的。热瑜伽的高温环境代替了大量辛苦的练习，普通人进去之后，即使不做任何练习也会出汗。很多明星都靠热瑜伽减肥，国内尝试这种瑜伽体系的人也越来越多。</p>
    </div>
  </ion-content>
</ion-view>